Site hosted by Angelfire.com: Build your free website today!

RED ALERT™ FORM BUTTONS

Page 2

(Find Forms Fast!)

JS Menus For E-Mail

(JS Urls Now Included!)

JS Drop-Down Menus For E-Mail
Example
Design 1

HTML For Drop-Down Menus for E-Mail

<center><Table width="400" cellspacing="0" cellpadding="0"><Tr><Td rowspan="2" width="15" bgcolor="#452323" gradcolor="#090707" gradangle="90"> </Td> <Td bgcolor="#452323" gradcolor="#090707" gradangle="-180" width="370" height="2"> </Td> <Td rowspan="2" width="15" bgcolor="#452323" gradcolor="#090707" gradangle="-90"> </Td> </Tr> <Tr> <Td bgcolor="#180909" gradcolor="#452323" gradangle="180" height="70"> <table width="100%"><tr><td><form name="links" method="get" action="https://www.angelfire.com/scifi/atari/RedAlert/Jump.html"><span style="font: bold normal small; text-decoration: emboss; color: 444444"><select name="url" size="1" bgcolor="#452323" border="0" usestyle nocheckboxes><option>CHOOSE A DESTINATION<option value="YOUR URL HERE"> TITLE OF PAGE HERE
<option value="YOUR URL HERE"> TITLE OF PAGE HERE
<option value="YOUR URL HERE"> TITLE OF PAGE HERE
<option value="YOUR URL HERE"> TITLE OF PAGE HERE
<option value="YOUR URL HERE"> TITLE OF PAGE HERE
<option value="YOUR URL HERE"> TITLE OF PAGE HERE<option>                                        </select></span></td><td><center><span style="font: bold normal small; text-decoration: emboss; color: 444444"><input type="submit" value="GO" usestyle></center></span></form></td> </tr> </table></Td></Tr></Table>

JS Jumpbox Menus For E-Mail
Example
Design 1

HTML For Jumpbox Menus for E-Mail

Tips & Tricks
If you want to make your jumpbox
a scrolling checkbox, remove NOCHECKBOXES from the Select Tag.
If you specify '1' for the SIZE attribute in the Select Tag you will get a silver 'drop-down' menu button like the Page Contents Button above.

To add more links to your menu - C,C&P this: <<>option value="YOUR URL HERE"<>> TITLE OF PAGE HERE - with similar lines & add real titles & Urls instead of capitalized instructions.

'One-Click' JumpBox Menus

(For Web Pages Only)

The above Tips & Tricks work on these Menus also.

HTML For 'One-Click' Jumpbox Menu

Radio and Checkbox Menus

(For Web Pages Only)

Example of Radio Button Menu to Retrieve Sound or Image Files

Star Trek Sound Effects?

HTML For Radio Button Menu

Example of Radio Button Menu to Solicit E-Mail Responses from
Your Site Visitors.

HTML For Radio Button Visitor Quiz

Example of Checkbox Menu to Solicit E-Mail Responses from
Your Site Visitors.

HTML For Checkbox Visitor Quiz

<center><table bgcolor="#444444" border="3" width="330"><tr><td><form 
action="mailto:YOUR E-MAIL ADDRESS HERE?no_signature=true&subject=YOUR QUESTION HERE" enctype="text/plain" method="post"><center><span style="font: bold normal medium; text-decoration: emboss; color: 575757">YOUR QUESTION HERE</span></center><div align="left"><br>   <input type="checkbox" name="question2" value="ANSWER 1 HERE"><span style="font: bold normal medium; text-decoration: emboss; color: 575757">ANSWER 1 HERE<br>  <input type="checkbox" name="question2" value="ANSWER 2 HERE">ANSWER 2 HERE<br>  <input type="checkbox" name="question2" value="ANSWER 3 HERE">ANSWER 3 HERE<br>  <input type="checkbox" name="question2" value="ANSWER 4 HERE">ANSWER 4 HERE<br>  <input type="checkbox" name="question2" value="ANSWER 5 HERE">ANSWER 5 HERE<br>  <input type="checkbox" name="question2" value="ANSWER 6 HERE">ANSWER 6 HERE</span><br></div></td></tr><tr><td align="center">
<span style="font: bold normal medium; text-decoration: emboss; color: 525252"><INPUT Type="submit" Width="150" Value="SEND" borderimage="file://rom/borders/buttonborder4.bif" usestyle></span></form></td></tr></table></center>

Tips & Tricks
Use a Radio Button Menu when only one response is desired; and a Checkbox Menu when more then one response is allowed.
Radio Button Menus allow only one item at a time to be selected, if each Input Tag has the same NAME attribute.
Checkbox Menus allow more than one 'checked' item at a time.
The VALUE attribute in Checkbox & Radio Input Tags should contain the same 'Answer' you display in your quiz.

Web Page E-Mail Forms

Receive E-Mail comments from viewers of your page without giving out your E-Mail address.

Web Page E-Mail Form Example

Questions? Comments?
Snide Remarks?

E-Mail Me!

HTML For Web Page E-Mail Form

<table bgcolor="#575757" border="3" width="350"><tr><td align="center"><span style="font: bold normal medium; text-decoration: emboss; color: 222222">YOUR E-MAIL FORM TITLE HERE</span></td></tr><tr><td align="center"><span style="font: bold normal large; text-decoration: emboss; color: 222222">TITLE HERE</span></td></tr><tr><td align="center"><form 
action="mailto:YOUR E-MAIL ADDRESS HERE?no_signature=true&subject=SUBJECT OF E-MAIL HERE" enctype="text/plain" method="post"><span style="font: bold normal small; text-decoration: emboss; color: 222222"><textarea name="Just wanted to tell you," cols="22" rows="5" border="1" text="#222222" cursor="#aaaaaa" borderimage="file://rom/borders/buttonborder4.bif"  autoactivate usestyle nohighlight><x/textarea></span></td></tr><tr><td align="center"><br><span style="font: bold normal small; text-decoration: emboss; color: 222222"><INPUT Type="submit" Width="150" Value="SEND" borderimage="file://rom/borders/buttonborder4.bif" usestyle> </span></form><br><br></td></tr></table>

Tips & Tricks
IMPORTANT! Take out the 'X' in the closing Textarea Tag: <<>x/textarea<>>
As you may notice the 'screen' on this E-Mail Form is made from a Form Button Bif. If you want a conventional Textarea 'screen', remove the BORDERIMAGE attribute and its 'bif' address from the Textarea Tag and add:
bgcolor="SOME COLOR"
to choose a 'screen' color.
If you would like a different size 'screen', besides changing the WIDTH of the TABLE you must change the COLS and ROWS attributes in the Textarea Tag. COLS is a measure of the number of columns of letters in a ROW.

Animated Gifs As Link Buttons

(For E-Mail, Posts, and Web Pages)

Animated Gif Link Buttons let you turn off the 'Yellow Cursor Box' and will look the same on Computers or WebTV.

Animated Gif Link Button Example

OTHER PAGES BY THE AUTHOR

HOME-MADE ATARI GAMES

WORLD WIDE WEBCAMS

HTML For Animated Gif Link Buttons

<center> <table bgcolor="#222222" border="3"><tr><td><table width="440" bgcolor="#404040" gradcolor="#222222" gradangle="45" border="3" cellspacing="5" cellpadding="5" invertborder> <tr> <td align="center"> <span style="font: bold normal medium; text-decoration: emboss; color: 222222">TITLE OF LINK BUTTONS HERE</span> </td> </tr> <tr height="50"> <td> <center><table> <tr> <td align="center"  width="240"><span style="font: bold normal medium; text-decoration: emboss; color: 222222">TITLE OF LINK DESTINATION HERE</span></td> <td width="160" height="40" align="center"> <a href="LINK URL HERE" nohighlight> <img src="https://www.angelfire.com/scifi/atari/RedAlert/CodeX12R/Alumbutton3RL.gif?1" animateonselect></a></td> </tr> </table></td> </tr><tr height="50"> <td align="center"> <center> <table> <tr> <td align="center" width="240"><span style="font: bold normal medium; text-decoration: emboss; color: 222222">TITLE OF LINK DESTINATION HERE</span></td> <td width="160" height="40" align="center"> <a href="LINK URL HERE"nohighlight> <img src="https://www.angelfire.com/scifi/atari/RedAlert/CodeX12R/Alumbutton3RL.gif?2" animateonselect></a>
</td></tr> </table></td></tr></table></center></td> </tr> </table>

Animated Gif Link Button URL
(Transload To Your Site + Rename URL in HTML)

Tips & Tricks

The above Gif Button Example uses one Gif Url for two Link Buttons. In order for this to work, the first URL ends in ?1" and the second identical URL ends in ?2". This must be left the same even when changing URLs.

While Animated Gif Buttons will look the same on a Computer, only on WebTV will the Gifs animate only upon being selected.

These Button Gifs animate only when selected because ANIMATEONSELECT is included in the AniGif's '<<>Img Src Tag'

No 'Yellow Cursor Box' is visible with the Link Buttons because the '<<>A Href Tag' includes NOHIGHLIGHT.

FOR A MORE IN DEPTH LOOK AT WEBTV FORMS CHECK OUT: